const { createApp } = Vue;

createApp({
    data() {
        return {
            menus: [
                { 
                    path: 'pages/statistics.html', 
                    name: '统计面板',
                    icon: 'fas fa-chart-bar' // 统计图标
                },
                { 
                    path: 'pages/users.html', 
                    name: '用户管理',
                    icon: 'fas fa-users' // 用户图标
                },
                { 
                    path: 'pages/categories.html', 
                    name: '分类管理',
                    icon: 'fas fa-list' // 分类图标
                },
                { 
                    path: 'pages/audit.html', 
                    name: '审核管理',
                    icon: 'fas fa-tasks' // 任务图标
                },
                { 
                    path: 'pages/templates.html', 
                    name: '采集模板',
                    icon: 'fas fa-copy' // 模板图标
                },
                { 
                    path: 'pages/release.html', 
                    name: '爆料管理',
                    icon: 'fas fa-bullhorn' // 爆料图标
                }
            ],
            tabs: [],
            activeTab: null
        }
    },
    methods: {
        openTab(menu) {
            // 检查标签是否已存在
            if (!this.tabs.find(tab => tab.path === menu.path)) {
                this.tabs.push({
                    path: menu.path,
                    name: menu.name
                });
            }
            this.activeTab = menu.path;
        },
        closeTab(tab) {
            const index = this.tabs.indexOf(tab);
            this.tabs.splice(index, 1);
            
            // 如果关闭的是当前标签，切换到其他标签
            if (this.activeTab === tab.path) {
                if (this.tabs.length) {
                    this.activeTab = this.tabs[Math.max(0, index - 1)].path;
                } else {
                    this.activeTab = null;
                }
            }
        },
        switchTab(tab) {
            this.activeTab = tab.path;
        }
    },
    mounted() {
        // 默认打开统计页面
        this.openTab(this.menus[0]);
    }
}).mount('#app'); 